<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>THECustomerInSight.com</title>
<link rel="stylesheet" type="text/css" href="CSS/new1style.css" media="screen" />
<script type="text/javascript" src="JS/jquery-1.4.2.js"></script>
<link rel="stylesheet" type="text/css" href="bg-style.css" /> 
<!-- <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"> 
</script> -->
<script>
$(document).ready(function() {

	//When page loads...
	$(".tab_content").hide(); //Hide all content
	$("ul.tabs li:first").addClass("active").show(); //Activate first tab
	$(".tab_content:first").show(); //Show first tab content

	//On Click Event
	$("ul.tabs li").click(function() {

		$("ul.tabs li").removeClass("active"); //Remove any "active" class
		$(this).addClass("active"); //Add "active" class to selected tab
		$(".tab_content").hide(); //Hide all tab content

		var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
		$(activeTab).fadeIn(); //Fade in the active ID content
		return false;
	});

});
</script>
</head>
<body class="body">
<div class="container">
<div class="header">
</div>
<div class="topmenu">
<ul>
	  <li><a href=""> <span> Home </span></a></li>
		 <li> <a href="new_homepage.html"> <span> About Us </span></a> </li>
		<li><a href="new_aboutus.html"> <span> Contact Us </span></a></li>
		<li><a href="new_homepage.html"> <span> Log Out </span></a></li>
		
  </ul>
</div>
<div class="contentcontainer">
<div class="leftcontainer">
<div id="sidemenu">
<center> <h2> Profile </h2> </center>
                <h4> <ul>
                <li> <a href="my_account.html"> <span> My Account </span> </a> </li>
                <li> <a href="wishlist.html"> <span> Wishlist </span> </a> </li>
                <li> <a href="friends.html"> <span> Friends </span></a> </li>
                <li> <a href="create_groups.html"> <span> Create Groups </span></a> </li>
               
                </ul> </h4>  
</div>
</div>
<div class="centercontainer">
<div id="fullcontainer">
<div id="topcontainer">
<!--  <p class="quote"> <center> <blockquote> <i>  "Whoever said money can't buy happiness simply didn't know where to go Shopping" </i> <br /> <b> </p> </center> <p class="author"> - Bo Derek </b></blockquote> </p>
                <hr /> -->
                <form name="tripleplay" action="">
               <h2> Product Category </h2> </p>
                <br />
                 <table width="100%" border="0" cellspacing="0px" cellpadding="5px">
                 <tr> <th>Category <br /> Select <select name='List1' id="Product Category" onchange="fillSelect(this.value,this.form['List2'])">
				<option selected> Product Category</option>
				</select></th> 
                <th> Brand <br /> Select <select name='List2' id="Brand Name" onchange="fillSelect(this.value,this.form['List3'])">
				<option selected> Brand Name </option>
				</select> </th> 
                 <th> Model  <br />
                 		Select <select name='List3' id ="Model No" onchange="getValue(this.value, this.form['List2'].value, 
							this.form['List1'].value)">
				<option selected > Model </option>
				</select>
                        </th> 
                        <th> <input type="button" name="test" value="Search>>!" 
onClick="Search()">  </th> </tr> </table>                             
                </form>
</div>
<div id="prodpic">
</div>
<div id="bottomcontainer">
<ul class="tabs">
    <li><a href="#tab1">Specifications</a></li>
    <li><a href="#tab2"> Price </a></li>
     <li><a href="#tab3"> Reviews </a></li>
</ul>

<div class="tab_container">
    <div id="tab1" class="tab_content">
    <h2> specification </h2>
        <!--Content-->
    </div>
    <div id="tab2" class="tab_content"> 
    <h2> Price </h2>
       <!--Content-->
    </div>
     <div id="tab3" class="tab_content">
     <h2> Reviews </h2>
       <!--Content-->
    </div>
</div>
</div>
</div>
</div>
<div class="rightcontainer">
<div class="adv">
<p class="advertisement"> Advertisement </p>
<div id="adv1">
<img src="Images/adv1.png" />
</div>
<div id="adv2">
<img src="Images/adv2.png" />
</div>
</div>
</div>
</div>
<div class="footer">
<h3> Quick Links </h3>
 
<ul class="footerlinks">
<ul>
<li class="links"><a href="#"> Company Overview </a>  </li>
<li class="links"><a href="#"> Contact Us </a> </li>
<li class="links"><a href="#"> Feedback </a></li> </ul>
<ul>
<li class="links"><a href="#"> Membership Registration </a></li>
<li class="links"><a href="#">  User Login </a></li>
<li class="links"><a href="#"> Admin Login </a></li>
<li class="links"><a href="#"> Vendor Login </a></li>
</ul>

</div>
</div>
</body>
</html>